<template>
  <div class="simba-edit-range" :style="editContentStyle">
    <slot/>
  </div>
</template>
<script setup lang="ts">
import { computed } from 'vue'
import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore';
const chartEditStore = useChartEditStore();

const editContentStyle = computed(() => {
  return {
    width: `${chartEditStore.editCanvasConfig.width}px`,
    height: `${chartEditStore.editCanvasConfig.height}px`,
    transform: `scale(${chartEditStore.editCanvas.scale})`,
    
  };
});
</script>
<style lang="scss" scoped>
.simba-edit-range {
  background: #232324;
  transform-origin: left top;
}
</style>